Ext.define('SistIntegral.Inventario', {
//extend: 'Ext.ux.desktop.Module',
requires: ['*'],
//id:'notepad',
Inicio  :   function(){

function colorBoolean(val) {
    if (val == 'true') {
        return '<span style="color:green;">SI</span>';
    } else if (val == 'false') {
        return '<span style="color:red;">NO</span>';
    }
    return val;
}
    
function colorFondo(val) {
    if(val!=null)
    return '<div  style="background-color:#'+val+';color:#'+val+'">'+val+'</div>'
    else
    return '';
}

function colorRiesgo(val,meta,record) {
if(val!=null)
    return '<div  style="background-color:#'+val+';"><h1>'+record.get('Riesgo')+'</h1></div>'
    else
    return '';
}

function colorEstado(val,meta,record) {
if(val!=null)
    return '<div  style="background-color:#'+val+';"><h1>'+record.get('Estado')+'</h1></div>'
    else
    return '';
}

function renderCoa(value, p, record) {
    
    return Ext.String.format(
        '<div style="display: block;white-space: normal;">'+value+
            (record.data.Ruc ? '</br><span style="color:#666666;">'
            +record.data.Ruc+ '</span>' : '')
        +'</div>'
    );
} 

function renderGlosa(value, p, record) {
    
    return Ext.String.format(
        '<div style="display: block;white-space: normal;">'+value
        +'</div>'
    );
}

function renderValidado(val){
    if (val == 'true') {
        return '<span style="color:green;">SI</span>';
    } else if (val == 'false') {
        return '<span style="color:red;">NO</span>';
    }
    return val;
}
    
var StoreInventario = Ext.create('Ext.data.TreeStore', {
        fields: ['text','id','expanded','nivel'],
        proxy: {
            type: 'ajax',
            url: 'inventario/TreeMenu'
        },
        root: { text: 'Inventario', id: '1', nivel: '0', expanded: true},
        folderSort: true
});

var ArbolQR =  new Ext.tree.TreePanel({
    region: 'west',
    id: 'arbolmenu',
    width: 150,
    title: 'MENU',
    split: true,
    collapsible: true, 
    margins: {left: 0},
    border: true,
    autoScroll: true,
    useArrows: true,
    store:StoreInventario,
    rootVisible: true
});

var TabPanel = Ext.create('Ext.tab.Panel', {
    id:'PnlInventario',
    //bodyPadding:'5',
    activeTab: 0,
    layout:'fit',
    region: 'center',
    items: [{
            title: 'Bienvenido',
            bodyPadding: 10,
            html : 'Configurar Presentacion'
            }]
});

var PanelContenedor = Ext.create('Ext.panel.Panel', {
    id:'PnlContProyectos',
    layout: 'border',
    bodyBorder: false,
    border:false,
    defaults: {
        collapsible: true,
        split: true,
        animFloat: false,
        autoHide: false,
        useSplitTips: true
    },
    items:[TabPanel,ArbolQR]
});

ArbolQR.on('itemclick', function (node, rec, item, index, e) {
    
var tbar = null, panel = null,opts={},existe = null,tbargrid ={};
e.stopEvent();
     
if (rec.get('id') == '1' && !Ext.getCmp('PnlInventario')) {

    var StoreEstadoInventario = Ext.create('Ext.data.Store', {
        model: 'EstadoInventario',
        pageSize:25,
        proxy: {
        type: 'ajax',
        url: 'estadoinventario/index',
        reader: {type: 'json',root: 'grid'}}
    });

    var gridEstadoInventario = Ext.create('Ext.grid.Panel', {
    id:'gridEstadoInventario',
    columnLines:true,
    layout:'fit',
    region: 'center',
    border:false,
    store: StoreEstadoInventario,
    loadMask: true,
    viewConfig: {
        trackOver: false,
        stripeRows: true
    },
    columns:[{xtype: 'rownumberer',width: 35},{
        text: "Nombre Estado",
        dataIndex: 'NomEstado',
        flex: 1,
        sortable: true
    },{
        text: "Descripcion Estado",
        dataIndex: 'DescEstado',
        flex: 2,
        sortable: true
    }],
    bbar: Ext.create('Ext.PagingToolbar', {
        store: StoreEstadoInventario,
        displayInfo: true,
        displayMsg: 'Estado Inventario {0} - {1} de {2}',
        emptyMsg: "No Existen Estado Inventario Registrados"
    })
});
    StoreEstadoInventario.load();
    var PnlEstadoInventario = Ext.create('Ext.panel.Panel', {
    id:'PnlEstadoInventario',
    title:'ESTADO INVENTARIO',
    layout:'border',
    tbar: [{width: 150,emptyText:'Ingrese Estado',xtype: 'searchfield',store: StoreEstadoInventario},'->',
    {itemId:'create',text: 'Agregar',iconCls: 'agregar',hrefTarget:'estadoinventario/create',
        handler: function(btn) {
            new SistIntegral.FInventario.Estado().Window(btn);
        }
    }
    , '-',{
        itemId:'edit',text: 'Editar',iconCls: 'editar',
        hrefTarget:'estadoinventario/edit/',
        handler: function(btn) {
            new SistIntegral.FInventario.Estado().Window(btn);
        },
        disabled: false
    }, '-',{
        itemId: 'eliminar',
        text: 'Eliminar',
        iconCls: 'eliminar',
        handler: function() {
            
        },
        disabled: true
    }],
    items:[gridEstadoInventario],

    closable:false
    });

    Ext.getCmp('PnlInventario').removeAll();   
    Ext.getCmp('PnlInventario').add(PnlEstadoInventario);
    Ext.getCmp('PnlInventario').setActiveTab(PnlEstadoInventario);
 }
 ///
 else if (rec.get('id') == '2' && !Ext.getCmp('PnlUbicacion')) {
            
    var StoreUbicacion= Ext.create('Ext.data.TreeStore', {
            fields: ['text','id','expanded','nivel','idpadre'],
            proxy: {
                type: 'ajax',
                url: 'ubicacion/TreeMenu'
            },
            root: { text: 'Foncreagro', id: '1', nivel: '0', expanded: true},
            folderSort: true
    });
        
    var tree = Ext.create('Ext.tree.Panel', {
        store: StoreUbicacion,
        rootVisible: false,
        region: 'center',
        id:'ArbUbicacion',
        border: false,
        viewConfig: {
            plugins: {
                ptype: 'treeviewdragdrop'
            }
        },
        //useArrows: true,
        dockedItems: [{
            xtype: 'toolbar',
            items: [{text: 'Expandir Todo',
                handler: function(){tree.expandAll();}
            }, {text: 'Colapsar Todo',
                handler: function(){tree.collapseAll();}
            },'->',{itemId:'create',text: 'Agregar', iconCls: 'nuevoIconSmall',
                    hrefTarget:'ubicacion/create',
                    handler : function (btn) {  
                    var AO= Ext.getCmp('ArbUbicacion');
                    var sx = AO.getSelectionModel().getSelection()[0];
                    if (sx) {
                        btn.IdPadre = sx.get('id');
                        btn.Nivel = sx.get('nivel')+1;
                        new SistIntegral.UInventario.Ubicacion().Window(btn);
                     }
                     else{
                        btn.IdPadre = 1;
                        btn.Nivel = 1;
                        new SistIntegral.UInventario.Ubicacion().Window(btn);
                     }  
                    }
                },'-',
                {itemId:'edit',text: 'Editar', iconCls: 'editIconSmall',
                    hrefTarget:'ubicacion/edit/',
                    handler: function (btn) {
                    new SistIntegral.UInventario.Ubicacion().Window(btn);
                }
   
                }]
        }]
    });  
    
    tree.on('itemmove', function (nodo, old, nuevo) {
        //alert(nodo.get('id'));
        function cerrar(btn){
        if(btn == 'yes')
        {
        Ext.Ajax.request({
            url: 'ubicacion/CambiarPadre/'+nodo.get('id'),
            params: {IdUbicacionPadre: nuevo.get('id'), Nivel: nuevo.get('nivel')+1},
            success: function (httpReq) {
                Ext.MessageBox.show({
                           msg: 'Registro Modificado Correctamente...',
                           progressText: 'Actualizando...',
                           width:300,
                           icon:'ext-mb-download'
                       });
                        setTimeout(function(){
                            Ext.MessageBox.hide();
                        }, 1000); 
            },
            failure: function () {
                Ext.MessageBox.alert('Advertencia', 'Fallo en la Peticion AJAX');
            }
         });
        }
        else{
          opts.store.load();  
        }
        }
        Ext.Msg.confirm('MODIFICAR ORGANIGRAMA', 
        'Seguro que desea Mover el Area: '+nodo.get('text')+
            '<br>Del Area: '+old.get('text')+'<br>Al Area: '+nuevo.get('text')
        ,cerrar);
    });
//    tree.on('select', function (node, rec) {
//        /*alert(rec.get('text'));*/
//        //alert(rec.get('nivel'));
//        var tbarc = Ext.create('Ext.toolbar.Toolbar', {
//            border  :false,
//            items: ['->',
//                {text: 'Nuevo', iconCls: 'nuevoIconSmall',
//                    handler : function () {
//                    var opt = {title : 'Nuevo Cargo Area :: '+rec.get('text'),
//                    url : 'posicion/create',id: 'frmPosicion',
//                        callback : function () {
//                        var p = {};
//                        p.accion = 'new';
//                        p.IdArea = rec.get('id');
//                        Escritorio.RRHH.FPosicion(p);},
//                        width: 470,height :300
//                    };
//                     Escritorio.RRHH.Ventana(opt);
//                }
//                },'-',
//                {text: 'Editar', iconCls: 'editIconSmall',
//                    handler: function () {
//                    var opts = {tabla: 'POSICION',IdArea:rec.get('id')};
//                    Escritorio.RRHH.Editar(opts);
//                    }
//                }            
//            ]
//        });
//        
//        Ext.getCmp('panelcargos').removeAll();
//        Ext.getCmp('panelcargos').setTitle(rec.get('text'));
//        var sg ={};
//        sg.url    =   'posicion/indexconid/'+rec.get('id');
//        //sg.title = 'MUESTRAS';
//        sg.pageSize = 19;
//        sg.fields =   ['Id','Cargo','CargoJefe'];        
//        sg.store  =   Escritorio.Funciones.StoreSimple(sg);
//        sg.bbar   =   Escritorio.Funciones.Paginacion(sg);
//        sg.columns = [
//                 {xtype: 'rownumberer',width: 35},
//                 {header: "Codigo", dataIndex: 'Id', width: 130, hidden: true},
//                 {header: "Cargo", dataIndex: 'Cargo', flex: 1}
//        ];
//        sg.id     = 'gridPosicion';                
//        sg.tbar   =  tbarc;
//        sg.grid   =   Escritorio.Funciones.GridSimple(sg);
//        sg.store.loadPage(1);        
//        
//        Ext.getCmp('panelcargos').add(sg.grid);
//    });
        
    var PanelCargo = Ext.create('Ext.panel.Panel', {

        id:'panelcargos',
        activeTab: 0,
        layout:'fit',
        region: 'east',
        width: 300,
        border:false,
        items: [
            {
                title: 'Bienvenido',
                bodyPadding: 10,
                html : 'Visualizar Cargos'
            }
        ]
    });
        
        panel = Ext.create('Ext.panel.Panel', {
            id:'panelOrganigrama',
            title:'Ubicacion',
            layout:'border',
            bodyBorder: false,
            items:[tree,PanelCargo],//opts.grid,
            defaults: {
                collapsible: true,
                split: true,
                animFloat: false,
                autoHide: false,
                useSplitTips: true
            },
            border:false

        });
        
        Ext.getCmp('PnlInventario').removeAll();
        Ext.getCmp('PnlInventario').add(panel);
        Ext.getCmp('PnlInventario').setActiveTab(panel);
     
}
else if (rec.get('id') == '3' && !Ext.getCmp('PnlControlInventario')) {

    var StoreControlInventario = Ext.create('Ext.data.Store', {
        model: 'Inventario',
        pageSize:25,
        proxy: {
        type: 'ajax',
        url: 'inventario/index',
        reader: {type: 'json',root: 'grid'}}
    });

    var gridControlInventario = Ext.create('Ext.grid.Panel', {
    id:'gridControlInventario',
    columnLines:true,
    layout:'fit',
    region: 'center',
    border:false,
    store: StoreControlInventario,
    loadMask: true,
    viewConfig: {
        trackOver: false,
        stripeRows: true
    },
    columns:[{xtype: 'rownumberer',width: 35},
    {text: "Ejercicio",dataIndex: 'Ejercicio',width: 50,sortable: true},
    {text: "Mes",dataIndex: 'Mes',width: 30,sortable: true},
    {text: "Cuenta",dataIndex: 'Cuenta',width: 50,sortable: true},
    {text: "Cta Depr",dataIndex: 'CtaDep',width: 50,sortable: true},
    {text: "Proyecto",dataIndex: 'CodigoProyecto',width: 50,sortable: true},
    {text: "C Costo",dataIndex: 'CCosto',width: 60,sortable: true},
    {text: "COA",dataIndex: 'RazonSocial',width: 120,sortable: true,renderer:renderCoa},
    {text: "Glosa",dataIndex: 'DescripcionProducto',align:'left',width: 130,sortable: true,renderer:renderGlosa},
    {text: "Val Compra",dataIndex: 'Costo',align:'right',width: 70,sortable: true},
    {text: "Dep Acumulada",dataIndex: 'Depreciacion',align:'right',width: 80,sortable: true},
    {text: "Ubicaci&#243n",dataIndex: 'NomUbicacion',align:'left',width: 110,sortable: true},
    {text: "Validado",dataIndex: 'Validado',align:'center',width: 50,sortable: true,renderer:renderValidado},
    {text: "Responsable",dataIndex: 'ApeNombre',hidden:true,width: 150,sortable: true}
    
    ],
    bbar: Ext.create('Ext.PagingToolbar', {
        store: StoreControlInventario,
        displayInfo: true,
        displayMsg: 'Estado Inventario {0} - {1} de {2}',
        emptyMsg: "No Existe Inventario Registrado"
    })
    });
    
    StoreControlInventario.load();
    
    var PnlControlInventario = Ext.create('Ext.panel.Panel', {
    id:'PnlControlInventario',
    title:'INVENTARIO EQUIPOS',
    layout:'border',
    tbar: [{width: 150,emptyText:'Ingrese Equipo',xtype: 'searchfield',store: StoreControlInventario},'->',
    {itemId:'create',text: 'Agregar',iconCls: 'agregar',hrefTarget:'inventario/create',
        handler: function(btn) {
            new SistIntegral.CInventario.Inventario().Window(btn);
        }
    }
    , '-',{
        itemId:'edit',text: 'Editar',iconCls: 'editar',
        hrefTarget:'inventario/edit/',
        handler: function(btn) {
            new SistIntegral.CInventario.Inventario().Window(btn);
        },
        disabled: false
    }, '-',{
        itemId: 'eliminar',
        text: 'Eliminar',
        iconCls: 'eliminar',
        handler: function() {
            
        },
        disabled: true
    }],
    items:[gridControlInventario],

    closable:false
    });

//Componentes Del Inventario    
gridControlInventario.on('itemdblclick', function (grid, record,item,index, e) {      
    var Titulo = (record.get('Codigo')).substring(0, 12);
    var IdInventario = record.get('IdInventario'),
        Monto = record.get('Monto');
    var EPnCInv = Ext.getCmp('PnlControlInventario'+IdInventario);

    if(!EPnCInv) {        

    var StoreComponeneteInventario = Ext.create('Ext.data.Store', {
        model: 'Inventario',
        pageSize:25,
        proxy: {
        type: 'ajax',
        url: 'componente/IndexByParent/'+IdInventario,
        reader: {type: 'json',root: 'grid'}}
    });

    var StoreRespInv = Ext.create('Ext.data.Store', {
        model: 'ResponsableInventario',
        pageSize:25,
        proxy: {
        type: 'ajax',
        url: 'responsableinventario/IndexByIdInv/'+IdInventario,
        reader: {type: 'json',root: 'grid'}}
    });
    
    var StoreEstadoInv = Ext.create('Ext.data.Store', {
        model: 'EstadoDelInventario',
        pageSize:25,
        proxy: {
        type: 'ajax',
        url: 'estadodelinventario/IndexByIdInv/'+IdInventario,
        reader: {type: 'json',root: 'grid'}}
    });    
    
    var gridComponenteInventario = Ext.create('Ext.grid.Panel', {
    id:'gridComponenteInventario'+IdInventario,
    columnLines:true,
    layout:'fit',
    region: 'center',
    border:false,
    store: StoreComponeneteInventario,
    loadMask: true,
    viewConfig: {
        trackOver: false,
        stripeRows: true
    },
    columns:[{xtype: 'rownumberer',width: 35},
    {text: "Codigo",dataIndex: 'Codigo',width: 100,sortable: true},        
    {text: "Componente",dataIndex: 'DescripcionProducto',flex: 1,sortable: true},
    {text: "Estado",dataIndex: 'NomEstado',width: 100,sortable: true}
//    {text: "Cta Depr",dataIndex: 'CtaDep',width: 50,sortable: true},
//    {text: "Proyecto",dataIndex: 'CodigoProyecto',width: 50,sortable: true},
//    {text: "C Costo",dataIndex: 'CCosto',width: 60,sortable: true},
//    {text: "COA",dataIndex: 'RazonSocial',width: 120,sortable: true,renderer:renderCoa},
//    {text: "Glosa",dataIndex: 'DescripcionProducto',align:'left',width: 130,sortable: true,renderer:renderGlosa},
//    {text: "Val Compra",dataIndex: 'Costo',align:'right',width: 70,sortable: true},
//    {text: "Dep Acumulada",dataIndex: 'Depreciacion',align:'right',width: 80,sortable: true},
//    {text: "Ubicaci&#243n",dataIndex: 'NomUbicacion',align:'left',width: 110,sortable: true},
//    {text: "Validado",dataIndex: 'Validado',align:'center',width: 50,sortable: true,renderer:renderValidado},
//    {text: "Responsable",dataIndex: 'ApeNombre',hidden:true,width: 150,sortable: true}
    ],
    bbar: Ext.create('Ext.PagingToolbar', {
        store: StoreComponeneteInventario,
        displayInfo: true,
        displayMsg: 'Componentes Del Inventario {0} - {1} de {2}',
        emptyMsg: "No Existe Componentes Registrado"
    })
    });
    
    StoreComponeneteInventario.load();
    
    var gridRespInv= Ext.create('Ext.grid.Panel', {
    id:'gridRespInv'+IdInventario,
    columnLines:true,
    layout:'fit',
    region: 'center',
    border:false,
    store: StoreRespInv,
    loadMask: true,
    viewConfig: {
        trackOver: false,
        stripeRows: true
    },
    columns:[{xtype: 'rownumberer',width: 35},
    {text: "Responsable",dataIndex: 'Responsable',flex: 1,sortable: true},        
    {text: "Fecha",dataIndex: 'FechaIni',width: 90,sortable: true},
    {text: "Activo",dataIndex: 'Activo',width: 60,sortable: true,renderer:colorBoolean}
    
    ],
    bbar: Ext.create('Ext.PagingToolbar', {
        store: StoreRespInv,
        displayInfo: true,
        displayMsg: 'Responsable Inventario {0} - {1} de {2}',
        emptyMsg: "No Existe Responsable Registrado"
    })
    });
    StoreRespInv.load();
    
    var gridEstadoInv= Ext.create('Ext.grid.Panel', {
    id:'gridEstadoInv'+IdInventario,
    columnLines:true,
    layout:'fit',
    region: 'center',
    border:false,
    store: StoreEstadoInv,
    loadMask: true,
    viewConfig: {
        trackOver: false,
        stripeRows: true
    },
    columns:[{xtype: 'rownumberer',width: 35},
    {text: "Estado",dataIndex: 'NomEstado',flex: 1,sortable: true},        
    {text: "Fecha",dataIndex: 'Fecha',width: 90,sortable: true},
    {text: "Vigente",dataIndex: 'Vigente',width: 60,sortable: true,renderer:colorBoolean}
    
    ],
    bbar: Ext.create('Ext.PagingToolbar', {
        store: StoreEstadoInv,
        displayInfo: true,
        displayMsg: 'Estado Inventario {0} - {1} de {2}',
        emptyMsg: "No Existen Estados Registrado"
    })
    });
    StoreEstadoInv.load();    
            
//view port
    var viewport = Ext.create('Ext.panel.Panel', {
        layout: {
            type: 'border',
            padding: 5
        },
        defaults: {
            layout      : 'fit',
            split: true
        },
        id:'PnlControlInventario'+IdInventario,
        closable:true,
        title: Titulo,       
        items: [{
            region      : 'west',
            collapsible : true,
            title       : 'Componentes',
            split       : true,
            width       : '50%',
            minWidth    : 100,
            minHeight   : 140,
            tbar: [
            {width: 130,emptyText:'Componente',xtype: 'searchfield',store: StoreComponeneteInventario},'->',
            {itemId:'create',text: 'Agregar',iconCls: 'agregar',hrefTarget:'componente/Create',
                handler: function(btn) {
                    btn.IdInventario = IdInventario;
                    new SistIntegral.FrmInventario.CompInv().Window(btn);
                }
            }
            , '-',{
                itemId:'edit',text: 'Editar',iconCls: 'editar',
                hrefTarget:'componente/edit/',
                handler: function(btn) {
                    btn.IdInventario = IdInventario;
                    new SistIntegral.FrmInventario.CompInv().Window(btn);
                }
            }],             
            items       :[gridComponenteInventario]
        },{
            region: 'center',
            title: 'Responsables',
            minHeight: 80,
            tbar: [{width: 130,emptyText:'Apellidos Nombres',xtype: 'searchfield',store: StoreRespInv},'->',
            {itemId:'create',text: 'Agregar',iconCls: 'agregar',hrefTarget:'responsableinventario/Create',
                handler: function(btn) {
                    btn.IdInventario = IdInventario;
                    new SistIntegral.FrmInventario.RespInv().Window(btn);
                }
            }
            , '-',{
                itemId:'edit',text: 'Editar',iconCls: 'editar',
                hrefTarget:'responsableinventario/edit/',
                handler: function(btn) {
                    btn.IdInventario = IdInventario;
                    new SistIntegral.FrmInventario.RespInv().Window(btn);
                },
                disabled: false
            }],
            items:[gridRespInv]
        },{
            region: 'south',
            height: Ext.getCmp('PnlInventario').getHeight()/2,
            split: true,
            collapsible: true,
            title: 'Estados',
            minHeight: 60,
            weight: -100,
            tbar: [
            {width: 130,emptyText:'Estado',xtype: 'searchfield',store: StoreEstadoInv},'->',
            {itemId:'create',text: 'Agregar',iconCls: 'agregar',hrefTarget:'estadodelinventario/Create',
                handler: function(btn) {
                    btn.IdInventario = IdInventario;
                    new SistIntegral.FrmInventario.EstDelInv().Window(btn);
                }
            }
            , '-',{
                itemId:'edit',text: 'Editar',iconCls: 'editar',
                hrefTarget:'estadodelinventario/edit/',
                handler: function(btn) {
                    btn.IdInventario = IdInventario;
                    new SistIntegral.FrmInventario.EstDelInv().Window(btn);
                }
            }],
            items:[gridEstadoInv]
        }]
    });
//view

            Ext.getCmp('PnlInventario').add(viewport);
            Ext.getCmp('PnlInventario').setActiveTab(viewport);
            
        }
        else
            {Ext.getCmp('PnlInventario').setActiveTab(EPnCInv);}      
});

    Ext.getCmp('PnlInventario').removeAll();   
    Ext.getCmp('PnlInventario').add(PnlControlInventario);
    Ext.getCmp('PnlInventario').setActiveTab(PnlControlInventario);
 }
else if (rec.get('id') == '4') {
new SistIntegral.Semovientes.Panel().Panel();
}
else if (rec.get('id') == '5') {
new SistIntegral.Semovientes.Ventas().Panel();
}
 ///
});


return PanelContenedor;
}

});
Ext.define('MyDesktop.SystemStatus', {
    extend: 'Ext.ux.desktop.Module',

    requires: [
        'Ext.chart.*'
    ],

    id: 'systemstatus',

    refreshRate: 500,

    init : function() {
        // No launcher means we don't appear on the Start Menu...
        this.launcher = {
            text: 'Control Inventario',
            iconCls:'cpustats',
            handler : this.createWindow,
            scope: this
        };
    },

    createWindow : function() {

        
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('inventario');
        var ancho = Escritorio.Funciones.Ancho({desktop : desktop});
        var alto = Escritorio.Funciones.Alto({desktop : desktop});
        if(!win){
            
            var smc = new SistIntegral.Inventario();
            
            win = desktop.createWindow({
                id: 'inventario',
                title:'Control Inventario',
                width:ancho,
                height:alto,
                iconCls: 'notepad',
                animCollapse:false,
                border: false,
                hideMode: 'offsets',
                layout: 'fit',
                items: [smc.Inicio()]
            });
        }
        else{
            win.setWidth(ancho);
            win.setHeight(alto);
        }
        win.show();
        return win;
    }
});
